<section>
    <ul>
      <li><a href="http://localhost:1314/index.html">首页</a></li>
      <li><a href="">华为官网</a></li>
      <li><a href="html/club.html">花粉俱乐部</a></li>
      <li><a href="">V码(优购码)</a></li>
      <li><a href="">企业购</a></li>
      <li><a href="">Select Region</a></li>
      <li class="headli"><a href="">更多精彩&nbsp;&nbsp;<span class="iconfont icon-xiangxia"></span></a>
        <div class="headdiv">
          <a class="headdiva " href="">HamonyOs</a>
          <a class="headdiva " href="">应用市场</a>
          <a class="headdiva " href="">华为终端云服务</a>
          <a class="headdiva " href="">开发者联盟</a>
        </div>
      </li>
    </ul>
    <ul>
      <li><a href="http://localhost:1314/html/logon.html" class="danlu">请登录</a><a href="http://localhost:1314/html/post.html" class="zhuche">注册</a></li>
      <li><a href="">我的订单</a>
        <div></div>
      </li>
      <li class="headli"><a href="">客服&nbsp;&nbsp;<span class="iconfont icon-xiangxia"></span></a>
        <div class="headdiv">
          <a class="headdiva " href="">服务中心</a>
          <a class="headdiva " href="">联系客服</a>
        </div>
      </li>
      <li class="headli"><a href="">网页导航&nbsp;&nbsp;<span class="iconfont icon-xiangxia"></span></a>
        <div class="headdiv">
          <dl>
            <dt></dt>
            <dd><a href="">商品首页</a></dd>
          </dl>


          <dl>
            <dt>频道</dt>
            <dd><a href="">华为专区</a><a href="">教育优购</a></dd>
            <dd><a href="">企业购</a><a href="">HamonyOs</a></dd>
          </dl>
          <dl>
            <dt>产品</dt>
            <dd></dd>
          </dl>
          <dl>
            <dt>增值服务</dt>
            <dd></dd>
          </dl>
          <dl>
            <dt>会员</dt>
            <dd></dd>
          </dl>
        </div>
      </li>
      <li class="headli"><a href="">手机版&nbsp;&nbsp;<span class="iconfont icon-xiangxia"></span></a>
        <div class="headdiv"></div>
      </li>
      <li class="headli"><a href="http://localhost:1314/html/Shopping.html"><span
            class="iconfont icon-gouwuche"></span>&nbsp;&nbsp;购物车<span class="Andnum">(0)</span></a>
        <div class="headdiv"></div>
      </li>
    </ul>

  </section>